<include file="public@header" />
</head>

<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li class="active"><a href="javascript:;">权限版本管理</a></li>
			<li><a href="{:url('company/versions_add')}">添加版本</a></li>
		</ul>   
        <table class="table table-bordered" style="text-align: center; margin-top: 20px;">
        	<thead>
        		<tr>
        			<th style="text-align: center;" >版本名称</th> 
        			<th style="text-align: center;" >创建时间</th>
        			<th style="text-align: center;" >价格(元)</th>
        			<th style="text-align: center;" >备注</th>
        			<th style="text-align: center;" >操作</th>
        		</tr>
        	</thead>
        	<tbody>
                <volist name="list" id="vo">
        		<tr  style="text-align: center;" >
        			<td style="font-weight: 800;"><a href="">{$vo.name}</a></td>
                    <td>{$vo.create_time|date="Y年m月d日 H时i分s秒",###}</td>
                    <td style="font-weight: 800;letter-spacing: 1px;"><php>echo number_format($vo['price'],2);</php></td>
                    <th  style="text-align: center;" >{$vo.remark}</th>
                    <td><button type="button" class="btn btn-danger btn-sm" onclick="show_menu(this);" data-tag="{$vo.id}" data-title="{$vo.name}">授权菜单设置</button>&nbsp;&nbsp;<a href="{:url('company/versions_add',['id'=>$vo['id']])}"><button type="button" class="btn btn-success btn-sm">修改</button></a>&nbsp;&nbsp;
                    	<?php if($vo['type']==1){  ?>
                    	<button type="button" class="btn btn-danger btn-sm" disabled>删除</button>
                    	<?php }else {?>
                    	<a href="{:url('company/versions_del',['id'=>$vo['id']])}" class="js-ajax-delete" data-msg="确定删除此条版本吗？"><button type="button" class="btn btn-danger btn-sm">删除</button></a>
                    	<?php } ?>
                    </td>
        		</tr>
            </volist>
        	</tbody>
        </table>
		<empty name="list">
			<div style="padding: 20px;text-align: center;font-size: 24px;">
						暂无数据~~
			</div>
		</empty>	
	</div>
	<div id="access_menu" style="display: none;">
		<div class="col-sm-12" style="padding-bottom: 50px;">
          <h3 class="title">卓远网络权限</h3>
          <div id="treeview-checkable" class=""></div>
        </div>
	</div>
	<script src="__STATIC__/js/admin.js"></script>
    <script src="__STATIC__/js/layer/layer.js"></script>
    <script src="__STATIC__/js/zy-treeview/zy-treeview.1.0.js"></script>
<script>

/*******************树形菜单******************/

	//获取所有菜单显示树形
	var datas={$da};

//填充数据勾选数据
function checkedItem(id){
	//清空选择
	$('.tree_cbx').prop('checked',false);
	//获取当前版本的数据
	var url="{:url('company/ajax_get_access_menu')}";
	$.ajax({url:url,data:{id:id},success:function(data){
		//获取被授权的菜单id
		for(var i=0;i<data.length;i++){
			$('#nodeid_'+data[i]).children().find('.tree_cbx').prop('checked',true);
		}
	}});
}

/*******************************************************/
//显示授权菜单弹框
	function show_menu(x)
	{
		//加载插件
		$("#treeview-checkable").treeView({data:datas,checkbox:true,deep:1,fontColor:'#0D8FED'});
		//获取当前项的版本id
		var versions_id=$(x).data('tag');
		//勾选数据
		checkedItem(versions_id);
		$('#access_menu .title').text($(x).data('title')+"授权菜单表：");		
		var height=window.innerHeight;
		var index=layer.open({
		  type: 1,
		  title: '权限设置',
		  area: ['700px', height+'px'],
		  closeBtn: 1,
		  btn:['保存','取消'],
		  shadeClose: true,
		  skin: 'yourclass',
		  content: $('#access_menu'),
		  yes:function(){
		  	//保存按钮回调
		  	//获取选中的数据
				var cbxList=$('#treeview-checkable').find('.tree_cbx');
				var list=[];
				$.each(cbxList,function(){
					if($(this).is(':checked')){
						var i=$(this).parent().parent().data('tag');
						list.push(i);
					}
				});
				//提交到后台
				var url="{:url('company/ajax_menu_add')}";
				$.ajax({url:url,data:{id:versions_id,list:list},type:'post',dataType:'json',success:function(data){
					if(data.status=='success'){
						layer.close(index);
					}
					layer.msg(data.message);
				}});
		  }
		});
	}

</script>
</body>
</html>